body {
  padding-top: 80px;
}

[v-cloak] {
  display: none;
}

ul {
  text-decoration: none;
  list-style: none;
  display: flex;
}

span.glyphicon {
  margin-right: 8px;
}

div#teachers-table {

  form.form-inline {
    margin-bottom: 30px;
  }

  table {
    border: solid 2px #dbdbdb;
  }
}

.modal-body {
  div.row {
    margin-top: 16px;
  }
  ul.sexUl {
    margin-top: 16px;
    li {
      font-size: 18px;
      margin-right: 18px;

      &.sex-selected {
        color: #2aabd2;
      }
    }
  }
}

td {
  button {
    margin-right: 6px;
  }
}

#updateTeacher{
  input[type="text"]{
    width: auto;
  }
}